$(document).ready(function () {
	// 当前活动标签
	let activeTab = 0;
	// 搜索关键词
	let keyword = '';
	// 当前页码
	let currentPage = 1;
	// 每页大小
	const pageSize = 12;
	// 总条目数
	let totalItems = 25;
	// 是否正在加载
	let isLoading = false;

	// 模拟数据 - 实际项目中替换为API调用
	const mockData = {
		Product_data: [
			{ title: '产品手册2023', type: 'PDF文档', hash: 'abc123', time: '2023-01-01' },
			{ title: '产品规格书', type: '技术文档', hash: 'def456', time: '2023-02-15' },
			{ title: '产品宣传册', type: '营销资料', hash: 'ghi789', time: '2023-03-20' }
		],
		use_document: [
			{ title: '用户指南', type: '使用文档', hash: 'jkl012', time: '2023-04-05' },
			{ title: '快速入门', type: '教程', hash: 'mno345', time: '2023-05-10' }
		],
		PDF_document: [
			{ title: 'API文档', type: '技术文档', hash: 'pqr678', time: '2023-06-25' },
			{ title: '白皮书', type: '技术分析', hash: 'stu901', time: '2023-07-30' }
		],
		protocol_documents: [
			{ title: '用户协议', type: '协议文本', hash: 'vwx234', time: '2023-08-12' }
		],
		driven: [
			{ title: '驱动程序v2.0', type: '驱动下载', hash: 'yza567', time: '2023-09-18' },
			{ title: '固件升级包', type: '固件', hash: 'bcd890', time: '2023-10-22' }
		]
	};

	// 标签切换事件
	$('.tab-list').click(function () {
		if (isLoading) return;

		const index = $(this).data('index');
		const key = $(this).data('key');

		// 更新活动标签样式
		$('.tab-list').removeClass('active');
		$(this).addClass('active');

		// 设置当前活动标签
		activeTab = index;

		// 模拟加载数据
		loadData(key);
	});

	// 搜索按钮点击事件
	$('#search-btn').click(function () {
		if (isLoading) return;

		keyword = $('#keyword').val();
		const currentKey = $('.tab-list.active').data('key');
		loadData(currentKey);
	});



	// 下载按钮点击事件
	$(document).on('click', '.download-list button', function () {
		const hash = $(this).data('hash');
		alert('开始下载: ' + hash);
		// 实际项目中这里调用下载API
	});

	// 加载数据函数
	function loadData (key) {
		isLoading = true;

		// 显示加载状态
		$('#download-list-container').html('<div class="loading-mask">加载中...</div>');

		// 模拟API延迟
		setTimeout(function () {
			const items = mockData[key] || [];

			// 清空容器
			$('#download-list-container').empty();

			if (items.length === 0) {
				// 显示空状态
				$('#download-list-container').html(
					'<div class="el-col el-col-24">' +
					'  <div class="el-empty">' +
					'    <div class="el-empty__image">' +
					'      <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">' +
					'        <path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-260 72h96v209.9L621.5 312 572 347.4V136zm220 752H232V136h280v296.9c0 3.3 1 6.6 3 9.3 5.1 7.2 3.7 7.2 8.4 5.2l118.2-50.1 2.1-.9V888z" fill="#EBEEF5"></path>' +
					'      </svg>' +
					'    </div>' +
					'    <p class="el-empty__description">找不到相关的资料~</p>' +
					'  </div>' +
					'</div>'
				);
			} else {
				// 渲染数据
				items.forEach(item => {
					$('#download-list-container').append(
						'<div class="el-col el-col-8 download-list-column">' +
						'  <div class="download-list">' +
						'    <h3>' + item.title + '</h3>' +
						'    <p>' + item.type + ' ' + item.time + '</p>' +
						'    <button class="el-button el-button--primary" data-hash="' + item.hash + '">下载</button>' +
						'  </div>' +
						'</div>'
					);
				});
			}

			isLoading = false;
		}, 500);
	}
	$('.download-btn').click(function (e) {
		e.preventDefault();
		e.stopPropagation();

		const $btn = $(this);
		const $list = $btn.closest('.download-list');
		const hash = $list.data('hash');
		const title = $list.find('.title').text();

		// 显示加载状态
		$btn.addClass('loading-icon');

		// 模拟API请求
		setTimeout(() => {
			// 这里替换为实际API调用
			console.log(`下载: ${title} (${hash})`);

			// 模拟下载完成
			$btn.removeClass('loading-icon');
			// alert(`请登录再尝试下载`);
			Qmsg.error(`请登录再尝试下载`)
		}, 800);
	});

	// 点击整个卡片查看详情
	$('.download-list').click(function (e) {
		if (!$(e.target).closest('.download-btn').length) {
			const title = $(this).find('.title').text();
			console.log(`查看详情: ${title}`);
		}
	});
	$("#pagination").pagination({
		/*当前页码*/
		currentPage: 1,
		/*总共有多少页*/
		totalPage: 10,
		/*是否显示首页、尾页 true：显示 false：不显示*/
		isShow: true,
		/*分页条显示可见页码数量*/
		count: 5,
		/*第一页显示文字*/
		homePageText: '首页',
		/*最后一页显示文字*/
		endPageText: '尾页',
		/*上一页显示文字*/
		prevPageText: '<',
		/* 下一页显示文字*/
		nextPageText: '>',
		/*点击翻页绑定事件*/
		callback: function (page) {
			console.log(page);
		}
	});
});